<template>
  <div>
    <div>
      <div class="font15 mt10 pl10">
        <span class="titletext ">{{titledata.title}}</span>
        <div class="graytext  mt10 font13">
          <span>工单编号:</span>
          <span class="titletext">{{titledata.pmInsId}}</span>
        </div>
      </div>
      <!-- 基本信息 -->
      <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
        <div class="blue_item" />
        <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">基础信息</span>
      </div>
      <van-field readonly required name="city" :value="fromdata.city" label="地市:" label-width="3em" />
      <van-field readonly required name="county" :value="fromdata.county" label="县区:" label-width="3em" />
      <van-field readonly required name="businessId" :value="fromdata.businessId" label="商机编号:" label-width="5em" />
      <van-field readonly required name="businessName" :value="fromdata.businessName" label="商机名称:" label-width="5em" autosize type="textarea" rows="1"/>
      <van-field readonly required name="oldCreator" :value="fromdata.oldCreator" label="商机填报人:" label-width="6em" />
      <van-field readonly required name="createDate" :value="fromdata.createDate" label="商机创建时间:" label-width="7em" />
      <van-field readonly required name="customerCode" :value="fromdata.customerCode" label="集团客户编码:" label-width="7em" />
      <van-field readonly required name="customerName" :value="fromdata.customerName" label="集团客户名称:" label-width="7em" autosize type="textarea" rows="1" />
      <van-field readonly required name="projectEstablishNumberNew" :value="fromdata.projectEstablishNumberNew" label="全网项目编码:" label-width="7em" />
      <van-field readonly required name="projectEstablishName" :value="fromdata.projectEstablishName" label="项目名称:" label-width="5em" autosize type="textarea" rows="1" />
      <van-field readonly name="winPeople" :value="fromdata.winPeople" label="中标方:" label-width="4em" autosize type="textarea" rows="1" />
      <van-field readonly required name="overallPrm" :value="fromdata.overallPrm" label="毛利率(%):" label-width="5em" />
      <van-field readonly required name="itPrm" :value="fromdata.itPrm" label="毛利率(仅IT部分,%):" label-width="10em" />
      <van-field readonly required name="itPartIncome" :value="fromdata.itPartIncome" label="IT部分收入(元):" label-width="8em" />
      <van-field readonly required name="ctProductName" :value="fromdata.ctProductName" label="CT标准化产品名称:" label-width="9em"  autosize type="textarea" rows="1"/>
      <van-field readonly required name="splitIncludedAmount" :value="fromdata.splitIncludedAmount" label="CT标准化产品收入(元):" label-width="11em" />
      <van-field readonly required name="npvProbability" :value="fromdata.npvProbability" label="净现值率(%):" label-width="7em" />
      <van-field readonly required name="staticPayback" :value="fromdata.staticPayback" label="静态回收期(年):" label-width="8em" />
      <van-field readonly required name="deliveryDeadline" :value="fromdata.deliveryDeadline" label="要求交付时限:" label-width="7em" />
      <van-field readonly required name="isSignContract" :value="fromdata.isSignContract" label="是否签约:" label-width="5em" />
      <van-field readonly name="contractSignDate" :value="fromdata.contractSignDate" label="签约时间:" label-width="5em" />
      <van-field readonly name="contractSerialNumber" :value="fromdata.contractSerialNumber" label="ERP系统合同流水号:" label-width="10em" />
      <van-field readonly name="contractNumber" :value="fromdata.contractNumber" label="ERP合同编号:" label-width="7em" />
      <van-field readonly name="signContractDate" :value="fromdata.signContractDate" label="合同签订日期:" label-width="7em" />
      <van-field readonly name="amountIncludingTax" :value="fromdata.amountIncludingTax" label="合同含税总金额(元):" label-width="10em" />
      <van-field readonly name="contractName" :value="fromdata.contractName" label="合同名称:" label-width="5em"  autosize type="textarea" rows="1"/>
      <van-field readonly name="createDispalyName" :value="fromdata.createDispalyName" label="合同承办人姓名:" label-width="8em" />
      <van-field readonly name="startDate" :value="fromdata.startDate" label="合同履行开始时间:" label-width="9em" />
      <van-field readonly name="endDate" :value="fromdata.endDate" label="合同履行结束时间:" label-width="9em" />
      <historyAndSuggs id='target' :showHistory='showHistory' :historydata='historydata' :approveList='approveList' />
    </div>
  </div>
</template>
 
<script>
import historyAndSuggs from "@/views/srqr/historyAndSuggs.vue";
export default {
  data() {
    return {
    }
  },
  props: ['titledata','businessdata','fromdata','showHistory','historydata','approveList','showFAView'],
  methods: {
     tomsg () {
      document.getElementById('target').scrollIntoView({ behavior: 'smooth' })
    }
  },
  components: {
    historyAndSuggs
  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>